MNTOR-4522 - Don't show Start a free scan if a user has already performed a scan (#5934)

* MNTOR-4522 - Don't show Start a free scann if a user has already performed a scan

* MNTOR-4522 - Remove autoFocus from PFocusScope

* undo commit

* tests

* remove unused story

Author: codemist

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/Dashboard.test.tsx

@@ -42,6 +42,7 @@ import {
   DashboardUsNoPremiumScanInProgressUnresolvedBreaches,
   DashboardUsNoPremiumScanInProgressResolvedBreaches,
   DashboardUsNoPremiumNoScanNoBreachesDisabledScan,
+  DashboardUsNoPremiumFirstScanRan,
 } from "./DashboardUSUsers.stories";
 import {
   DashboardUsPremiumEmptyScanNoBreaches,
@@ -3126,6 +3127,18 @@ it("send telemetry when users click on exposure chart free scan", async () => {
   );
 });
 
+it("shows the exposure chart free scan button if scan has not been performed", () => {
+  const ComposedDashboard = composeStory(
+    DashboardUsNoPremiumNoScanNoBreaches,
+    Meta,
+  );
+  render(<ComposedDashboard />);
+  const ctaButton = screen.queryAllByRole("link", {
+    name: "Start a free scan",
+  });
+  expect(ctaButton[0]).toBeInTheDocument();
+});
+
 describe("CSAT survey banner", () => {
   it("does not display the “automatic removal” CSAT survey banner on the dashboard tab “action needed” to Plus users", () => {
     const ComposedDashboard = composeStory(
@@ -4091,4 +4104,16 @@ describe("Upsell badge", () => {
       "https://payments-next.stage.fxa.nonprod.webservices.mozgcp.net/monitorplusstage/monthly/landing?form_type=button&entrypoint=monitor.mozilla.org-monitor-in-product-navigation-upsell&utm_source=product&utm_medium=monitor&utm_campaign=navigation-upsell",
     );
   });
+
+  it("does not show the start free scan component if a user has already run a scan", () => {
+    const ComposedDashboard = composeStory(
+      DashboardUsNoPremiumFirstScanRan,
+      Meta,
+    );
+    render(<ComposedDashboard />);
+    const homeAddressString = screen.queryByText(
+      "Home address, family members and more are not yet included.",
+    );
+    expect(homeAddressString).not.toBeInTheDocument();
+  });
 });

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardUSUsers.stories.tsx

@@ -280,6 +280,7 @@ export const DashboardUsNoPremiumNoScanNoBreaches: Story = {
     premium: false,
     breaches: "empty",
     brokers: "no-scan",
+    totalNumberOfPerformedScans: 0,
   },
 };
 
@@ -445,3 +446,13 @@ export const DashboardUsNoPremiumScanInProgressResolvedBreaches: Story = {
     brokers: "scan-in-progress",
   },
 };
+
+export const DashboardUsNoPremiumFirstScanRan: Story = {
+  name: "US user, without Premium, first scan ran",
+  args: {
+    countryCode: "us",
+    premium: false,
+    brokers: "scan-in-progress",
+    totalNumberOfPerformedScans: undefined,
+  },
+};

src/app/components/client/Chart.tsx

@@ -153,7 +153,12 @@ export const DoughnutChart = (props: Props) => {
   );
 
   const getPromptContent = () => {
-    if (!props.scanInProgress && props.isEligibleForPremium) {
+    if (
+      !props.scanInProgress &&
+      props.isEligibleForPremium &&
+      (props.totalNumberOfPerformedScans === undefined ||
+        props.totalNumberOfPerformedScans === 0)
+    ) {
       return (
         <>
           <p>